<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name=renderer content=webkit>
    <title>供应链协同管理平台</title>
    <link rel="stylesheet" href="./public/dist/css/layui.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="icon" href="./public/favicon.ico">
    <script>
    
            console.log(getExploreName());
        
            function getExploreName() {
                var userAgent = navigator.userAgent;
                if (userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1) {
                    return 'Opera';
                } else if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1) {
                    window.location.href = "./src/upload.html";
                    return 'IE';
                } else if (userAgent.indexOf("Edge") > -1) {
                    return 'Edge';
                } else if (userAgent.indexOf("Firefox") > -1) {
                    return 'Firefox';
                } else if (userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1) {
                    return 'Safari';
                } else if (userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1) {
                    return 'Chrome';
                } else if (!!window.ActiveXObject || "ActiveXObject" in window) {
                    return 'IE>=11';
                } else {
                    return 'Unkonwn';
                }
            }
        </script>
        <script src="./public/dist/layui.js" charset="utf-8"></script>
        <script src="./js/common/jquery.min.js"></script>
        <script src="./js/common/api.js"></script>
        <script src="./js/index.js"></script>
        
        <script>
         if (sessions == "" || sessions == null) {
                    window.location.href = "./src/login.html";
                }
        </script>
</head>

<body>
    <div class="login">
        <div class="logo">
            <div class="foreign">供应链协同管理平台</div>
            <!-- <div class="china">
                <div class="top">吉林(中国-新加坡)食品区食品药品监督管理局</div>
                <div class="bottom">供应链协同管理平台</div>
            </div> -->

        </div>
        <div class="login-hand">
            <!-- <div class="state">
                认证状态（未录入）
            </div> -->
            <div class="people">
                <i class="layui-icon layui-icon-username" style="font-size: 24px;cursor: pointer;"></i>
                <div class="">
                    <i class="layui-icon layui-icon-down" style="font-size: 12px;margin: 10px;cursor: pointer;"
                        id='more'></i>
                </div>
                <div class="username">暂未登录</div>
            </div>
            <div class="exit">
                退出登录
            </div>
        </div>
    </div>
    <div class="logininfo">
        上次登录时间:2018-01-01
    </div>
    <!-- 添加class 改为竖直导航栏-->
    <ul class="layui-nav layui-nav-tree layui-nav-side layui-bg-cyan" lay-filter="header_nav">
        <li class="layui-nav-item layui-this"><a href="">首页</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;">采购</a>
            <dl class="layui-nav-child">
                <dd><a data-url="" data-id="1" data-title="采购订单" href="javascript:;"
                        data-options="{url:'./src/sidewards/purchase/purchaseorder.html',title:'采购订单'}">采购订单</a></dd>
                <dd><a data-url="" data-id="2" data-title="销售订单发放采购单" href="javascript:;"
                        data-options="{url:'./src/sidewards/purchase/purchasesales.html',title:'销售订单发放采购单'}">销售订单发放采购单</a>
                </dd>
                <dd><a data-url="" data-id="3" data-title="采购变更单" href="javascript:;"
                        data-options="{url:'./src/sidewards/purchase/purchasechange.html',title:'采购待收货'}">采购待收货</a></dd>
                <dd><a data-url="" data-id="4" data-title="采购收购" href="javascript:;"
                        data-options="{url:'./src/sidewards/purchase/purchasegoods.html',title:'采购收货'}">采购收货</a></dd>
                <dd><a data-url="" data-id="5" data-title="采购退货" href="javascript:;"
                        data-options="{url:'./src/sidewards/purchase/purchaserefund.html',title:'采购退货'}">采购退货</a></dd>
                <dd><a data-url="" data-id="6" data-title="采购发票单" href="javascript:;"
                        data-options="{url:'./src/sidewards/purchase/purchaseinvoice.html',title:'采购发票单'}">采购发票单</a>
                </dd>
                <dd><a data-url="" data-id="7" data-title="采购订单指定关闭" href="javascript:;"
                        data-options="{url:'./src/sidewards/purchase/purchaseclose.html',title:'采购订单指定关闭'}">采购订单指定关闭</a>
                </dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;">销售</a>
            <dl class="layui-nav-child">
                <dd><a data-url="" data-id="8" data-title="销售订单" href="javascript:;"
                        data-options="{url:'./src/sidewards/sales/salesorder.html',title:'销售订单'}">销售订单</a></dd>
                <dd><a data-url="" data-id="9" data-title="销售发货" href="javascript:;"
                        data-options="{url:'./src/sidewards/sales/salesgoods.html',title:'销售发货'}">销售发货</a></dd>
                <dd><a data-url="" data-id="10" data-title="销售退货" href="javascript:;"
                        data-options="{url:'./src/sidewards/sales/salesrefund.html',title:'销售退货'}">销售退货</a></dd>
                <dd><a data-url="" data-id="11" data-title="销售发票单" href="javascript:;"
                        data-options="{url:'./src/sidewards/sales/salesinvoice.html',title:'销售发票单'}">销售发票单</a></dd>
                <dd><a data-url="" data-id="12" data-title="销售订单指定关闭" href="javascript:;"
                        data-options="{url:'./src/sidewards/sales/salesclose.html',title:'销售订单指定关闭'}">销售订单指定关闭</a></dd>
            </dl>
        </li>



        <li class="layui-nav-item">
            <a href="javascript:;">应收应付</a>
            <dl class="layui-nav-child">
                <dd><a data-url="" data-id="104" data-title="应付账单" href="javascript:;"
                        data-options="{url:'./src/sidewards/accrued/bills.html',title:'应付账单'}">应付账单</a></dd>
                <dd><a data-url="" data-id="105" data-title="付款单" href="javascript:;"
                        data-options="{url:'./src/sidewards/accrued/Payment.html',title:'付款单'}">付款单</a></dd>
                <dd><a data-url="" data-id="108" data-title="应收账单" href="javascript:;"
                        data-options="{url:'./src/sidewards/accrued/receivable.html',title:'应收账单'}">应收账单</a></dd>
                <dd><a data-url="" data-id="109" data-title="收款单" href="javascript:;"
                        data-options="{url:'./src/sidewards/accrued/voucher.html',title:'收款单'}">收款单</a></dd>
            </dl>
        </li>
        <!-- 库存 -->
        <li class="layui-nav-item">
            <a href="javascript:;">库存</a>
            <dl class="layui-nav-child">
                <dd><a data-url="" data-id="200" data-title="入库单" href="javascript:;"
                        data-options="{url:'./src/sidewards/stock/StockIn.html',title:'入库单'}">入库单</a></dd>
                <dd><a data-url="" data-id="201" data-title="出库单" href="javascript:;"
                        data-options="{url:'./src/sidewards/stock/StockOut.html',title:'出库单'}">出库单</a></dd>
                        <dd><a data-url="" data-id="202" data-title="库存列表" href="javascript:;"
                            data-options="{url:'./src/sidewards/stock/StockList.html',title:'库存列表'}">库存列表</a></dd>
            </dl>
        </li>


        <!-- <li class="layui-nav-item">
            <a href="javascript:;">统计报表</a>
            <dl class="layui-nav-child">

                <dd>
                    <div class="form-dialog">
                        <div class="item">
                            <span>采购</span>
                            <a data-url="" data-id="13" data-title="采购订单明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/purchasedetailform.html',title:'采购订单明细表'}">采购订单明细表</a>
                            <a data-url="" data-id="14" data-title="采购订单跟踪表" href="javascript:;" data-options="{url:'./src/sidewards/form/purchasetrackingform.html',title:'采购订单跟踪表'}">采购订单跟踪表</a>
                            <a data-url="" data-id="15" data-title="采购逾期表" href="javascript:;" data-options="{url:'./src/sidewards/form/purchaseoverdueform.html',title:'采购逾期表'}">采购逾期表</a>
                            <a data-url="" data-id="16" data-title="采购收货明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/purchasegoodsform.html',title:'采购收货明细表'}">采购收货明细表</a>
                            <a data-url="" data-id="17" data-title="采购退货明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/purchaserefundform.html',title:'采购退货明细表'}">采购退货明细表</a>
                            <a data-url="" data-id="18" data-title="供应商发货进度表" href="javascript:;" data-options="{url:'./src/sidewards/form/supplierform.html',title:'供应商发货进度表'}">供应商发货进度表</a>
                        </div>
                        <div class="item">
                            <span>销售</span>
                            <a data-url="" data-id="19" data-title="销售订单明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/salesdetailform.html',title:'销售订单明细表'}">销售订单明细表</a>
                            <a data-url="" data-id="20" data-title="销售订单跟踪表" href="javascript:;" data-options="{url:'./src/sidewards/form/salestrackingform.html',title:'销售订单跟踪表'}">销售订单跟踪表</a>
                            <a data-url="" data-id="21" data-title="销售逾期表" href="javascript:;" data-options="{url:'./src/sidewards/form/salesoverdueform.html',title:'销售逾期表'}">销售逾期表</a>
                            <a data-url="" data-id="22" data-title="销售发货明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/salesdeliveryform.html',title:'销售发货明细表'}">销售发货明细表</a>
                            <a data-url="" data-id="23" data-title="销售退货明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/salesreturnform.html',title:'销售退货明细表'}">销售退货明细表</a>
                        </div>
                        <div class="item">
                            <span>库存</span>
                            <a data-url="" data-id="24" data-title="库存查询" href="javascript:;" data-options="{url:'./src/sidewards/form/inventoryform.html',title:'库存查询'}">库存查询</a>
                            <a data-url="" data-id="25" data-title="出入账统计" href="javascript:;" data-options="{url:'./src/sidewards/form/inoutform.html',title:'出入账统计'}">出入账统计</a>
                            <a data-url="" data-id="26" data-title="其它入库明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/otheroutform.html',title:'其它入库明细表'}">其它入库明细表</a>
                            <a data-url="" data-id="27" data-title="其它出库明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/otherinform.html',title:'其它出库明细表'}">其它出库明细表</a>
                            <a data-url="" data-id="28" data-title="拨转单明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/transferform.html',title:'拨转单明细表'}">拨转单明细表</a>
                            <a data-url="" data-id="29" data-title="盘亏单明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/lossform.html',title:'盘亏单明细表'}">盘亏单明细表</a>
                            <a data-url="" data-id="30" data-title="盘盈单明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/profitform.html',title:'盘盈单明细表'}">盘盈单明细表</a>
                        </div>
                        <div class="item">
                            <span style="color:#000;">财务</span>
                            <a data-url="" data-id="31" data-title="应付账单明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/mustpayform.html',title:'应付账单明细表'}">应付账单明细表</a>
                            <a data-url="" data-id="32" data-title="付款账单明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/paydetailform.html',title:'付款账单明细表'}">付款账单明细表</a>
                            <a data-url="" data-id="33" data-title="应收账单明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/mustcollectform.html',title:'应收账单明细表'}">应收账单明细表</a>
                            <a data-url="" data-id="34" data-title="收款单明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/collectdetailform.html',title:'收款单明细表'}">收款单明细表</a>
                            <a data-url="" data-id="35" data-title="预收款查询" href="javascript:;" data-options="{url:'./src/sidewards/form/predictcollectform.html',title:'预收款查询'}">预收款查询</a>
                            <a data-url="" data-id="36" data-title="预付款查询" href="javascript:;" data-options="{url:'./src/sidewards/form/predictpayform.html',title:'预付款查询'}">预付款查询</a>
                            <a data-url="" data-id="37" data-title="资金余额汇总表" href="javascript:;" data-options="{url:'./src/sidewards/form/moneysummaryform.html',title:'资金余额汇总表'}">资金余额汇总表</a>
                            <a data-url="" data-id="38" data-title="资金余额明细表" href="javascript:;" data-options="{url:'./src/sidewards/form/moneydetailform.html',title:'资金余额明细表'}">资金余额明细表</a>
                        </div>
                    </div>
                </dd>
            </dl>
        </li> -->

        <li class="layui-nav-item">
            <a href="javascript:;">运营分析</a>
            <dl class="layui-nav-child">
                <dd><a data-url="" data-id="39" data-title="商品分析" href="javascript:;"
                        data-options="{url:'./src/sidewards/operation/productanalysis.html',title:'商品分析'}">商品分析</a></dd>
                <dd><a data-url="" data-id="40" data-title="销售报表" href="javascript:;"
                        data-options="{url:'./src/sidewards/operation/salesreport.html',title:'销售报表'}">销售报表</a></dd>
                <dd><a data-url="" data-id="41" data-title="销售分析" href="javascript:;"
                        data-options="{url:'./src/sidewards/operation/salesformanalysis.html',title:'销售分析'}">销售分析</a>
                </dd>
                <dd><a data-url="" data-id="42" data-title="财务基础报表" href="javascript:;"
                        data-options="{url:'./src/sidewards/operation/financeform.html',title:'财务基础报表'}">财务基础报表</a></dd>
            </dl>
        </li>

        <!-- 有改过 -->

        <li class="layui-nav-item">
            <a href="javascript:;">风控管理</a>
            <dl class="layui-nav-child">
                <dd><a data-url="" data-id="96" data-title="风控管理中心" href="javascript:;"
                        data-options="{url:'./src/vertical/Scommon/Ccontrol/control2.html',title:'风控管理中心'}">风控管理中心</a>
                </dd>
            </dl>
        </li>


        <li class="layui-nav-item">
            <a href="javascript:;">统计分析</a>
            <dl class="layui-nav-child">
                <dd><a data-url="" data-id="97" data-title="统计分析" href="javascript:;"
                        data-options="{url:'./src/sidewards/statistical/statistical.html',title:'统计分析'}">统计分析</a></dd>

            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;">平台管理</a>
            <dl class="layui-nav-child">
                <dd><a data-url="" data-id="98" data-title="单据中心" href="javascript:;"
                        data-options="{url:'./src/sidewards/platform/voucher.html',title:'单据中心'}">单据中心</a></dd>
                <dd><a data-url="" data-id="99" data-title="在线客服" href="javascript:;"
                        data-options="{url:'./src/sidewards/platform/service.html',title:'在线客服'}">在线客服</a></dd>

            </dl>
        </li>

        <li class="layui-nav-item">
            <a href="javascript:;">基础数据</a>
            <dl class="layui-nav-child">
                <dd><a data-url="" data-id="43" data-title="部门资料" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/departmentbase.html',title:'部门资料'}">部门资料</a></dd>
                <dd><a data-url="" data-id="44" data-title="员工资料" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/employeesdata.html',title:'员工资料'}">员工资料</a></dd>
                <dd><a data-url="" data-id="45" data-title="供应商类别" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/suppliercategory.html',title:'供应商类别'}">供应商类别</a></dd>
                <dd><a data-url="" data-id="46" data-title="供应商资料" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/supplierdata.html',title:'供应商资料'}">供应商资料</a></dd>
                <dd><a data-url="" data-id="47" data-title="客户类别" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/customercategory.html',title:'客户类别'}">客户类别</a></dd>
                <dd><a data-url="" data-id="48" data-title="客户资料" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/customerdata.html',title:'客户资料'}">客户资料</a></dd>
                <dd><a data-url="" data-id="49" data-title="物料仓库" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/materialwarehouse.html',title:'物料仓库'}">物料仓库</a></dd>
                <dd><a data-url="" data-id="50" data-title="物料类别" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/materialcategory.html',title:'物料类别'}">物料类别</a></dd>
                <dd><a data-url="" data-id="51" data-title="物料维护" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/materialmaintain.html',title:'物料维护'}">物料维护</a></dd>
                <dd><a data-url="" data-id="511" data-title="物料单位" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/materialunit.html',title:'物料单位'}">物料单位</a></dd>
                <dd><a data-url="" data-id="523" data-title="商品类别" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/goodscategory.html',title:'商品类别'}">商品类别</a></dd>
                <dd><a data-url="" data-id="524" data-title="上架商品" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/goodsshelves.html',title:'上架商品'}">上架商品</a></dd>
                <dd><a data-url="" data-id="524" data-title="收货地址" href="javascript:;"
                        data-options="{url:'./src/sidewards/base/Shippingaddress.html',title:'收货地址'}">收货地址</a></dd>
                <!-- <dd><a data-url="" data-id="52" data-title="货币类型" href="javascript:;" data-options="{url:'./src/sidewards/base/currencycategory.html',title:'货币类型'}">货币类型</a></dd>
                <dd><a data-url="" data-id="53" data-title="收付款账户" href="javascript:;" data-options="{url:'./src/sidewards/base/accountno.html',title:'收付款账户'}">收付款账户</a></dd>
                <dd><a data-url="" data-id="54" data-title="税目明细" href="javascript:;" data-options="{url:'./src/sidewards/base/taxdetail.html',title:'税目明细'}">税目明细</a></dd>
                <dd><a data-url="" data-id="54" data-title="合同管理" href="javascript:;" data-options="{url:'./src/sidewards/base/contract.html',title:'合同管理'}">合同管理</a></dd> -->
            </dl>
        </li>

        <li class="layui-nav-item">
            <a href="javascript:;">系统管理</a>
            <dl class="layui-nav-child">
                <dd><a data-url="" data-id="55" data-title="企业资料" href="javascript:;"
                        data-options="{url:'./src/sidewards/systemmanagement/enterprisedata.html',title:'企业资料'}">企业资料</a>
                </dd>
                <dd><a data-url="" data-id="56" data-title="企业认证" href="javascript:;"
                        data-options="{url:'./src/sidewards/systemmanagement/enterprisecertification.html',title:'企业认证'}">企业认证</a>
                </dd>
                <dd><a data-url="" data-id="57" data-title="单据设置" href="javascript:;"
                        data-options="{url:'./src/sidewards/systemmanagement/documentsset.html',title:'单据设置'}">单据设置</a>
                </dd>
                <dd><a data-url="" data-id="58" data-title="角色管理" href="javascript:;"
                        data-options="{url:'./src/sidewards/systemmanagement/rolemanagement.html',title:'角色管理'}">角色管理</a>
                </dd>
                <dd><a data-url="" data-id="59" data-title="角色分配" href="javascript:;"
                        data-options="{url:'./src/sidewards/systemmanagement/roleassignment.html',title:'角色分配'}">角色分配</a>
                </dd>

            </dl>
        </li>

        <li class="layui-nav-item">
            <a href="javascript:;">帮助</a>
            <dl class="layui-nav-child">
                <dd><a data-url="" data-id="777" data-title="移动模块" lay-id="777">移动模块</a></dd>
                <dd><a data-url="" data-id="888" data-title="后台模版" lay-id="888">后台模版</a></dd>
                <dd><a data-url="" data-id="999" data-title="电商平台" lay-id="999">电商平台</a></dd>
            </dl>
        </li>
    </ul>

    <div class="layui-tab layui-tab-all" lay-allowclose="true" lay-filter="demodemo">
        <ul class="layui-tab-title">
            <li class="layui-this" lay-id="0">首页</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-tab-item-back layui-show">
                <div class="order">

                    <div class="order-title">
                        <div class="order-title-line"></div>
                        <div class="order-title-txt">订单进度</div>
                        <div class="order-title-icon">
                            <img src="./img/refresh.png" alt="">
                        </div>
                    </div>
                    <div class="order-content">
                        <div class="order-content-row">
                            <div class="order-content-sales">销售</div>
                            <div class="order-content-right">
                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        待接单
                                    </div>
                                    <div class="order-content-number">
                                        0
                                    </div>
                                </div>
                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        待审批
                                    </div>
                                    <div class="order-content-number">
                                        0
                                    </div>
                                </div>

                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        待对方确认
                                    </div>
                                    <div class="order-content-number">
                                        0
                                    </div>
                                </div>

                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        待发货
                                    </div>
                                    <div class="order-content-number">
                                        0
                                    </div>
                                </div>
                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        待收款
                                    </div>
                                    <div class="order-content-number">
                                        0
                                    </div>
                                </div>
                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        已完成
                                    </div>
                                    <div class="order-content-number">
                                        0
                                    </div>
                                </div>
                            </div>
                        </div>



                        <div class="order-content-row">
                            <div class="order-content-purchase">采购</div>
                            <div class="order-content-right">
                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        待接单
                                    </div>
                                    <div class="order-content-numbers">
                                        0
                                    </div>
                                </div>
                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        待审批
                                    </div>
                                    <div class="order-content-numbers">
                                        0
                                    </div>
                                </div>

                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        待对方确认
                                    </div>
                                    <div class="order-content-numbers">
                                        0
                                    </div>
                                </div>

                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        待发货
                                    </div>
                                    <div class="order-content-numbers">
                                        0
                                    </div>
                                </div>
                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        待收款
                                    </div>
                                    <div class="order-content-numbers">
                                        0
                                    </div>
                                </div>
                                <div class="order-content-item">
                                    <div class="order-content-text">
                                        已完成
                                    </div>
                                    <div class="order-content-numbers">
                                        0
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>




                <div class="order">
                    <div class="order-title">
                        <div class="order-title-line"></div>
                        <div class="order-title-txt">待办分类</div>
                        <div class="order-title-icon">
                            <img src="./img/refresh.png" alt="">
                        </div>
                    </div>
                    <div class="order-type">
                        <div class="order-type-item">待审批单据:0</div>
                        <div class="order-type-item">预警消息:0</div>
                        <div class="order-type-item" style="border-right: 2px solid #c9c9c9;">已逾期工作:0</div>
                    </div>
                </div>

                <div class="order">

                    <div class="order-title">
                        <div class="order-title-line"></div>
                        <div class="order-title-txt">消息管理</div>
                        <div class="order-title-icon">
                            <img src="./img/refresh.png" alt="">
                        </div>

                    </div>
                    <div class="message" style="float: right;position: relative;margin-top: -20px;">
                        <a href="./src/vertical/Scommon/Amywork/manage.html">更多>></a>
                    </div>
                    <div class="order-table">
                        <div class="layui-tab layui-tab-card">
                            <ul class="layui-tab-title">
                                <li class="layui-this select-type-item select-type-show">
                                    全部

                                </li>
                                <li class="select-type-item">
                                    未查看

                                </li>
                                <li class="select-type-item">
                                    已查看

                                </li>
                                <li class="select-type-item">
                                    处理中

                                </li>
                                <li class="select-type-item">
                                    已处理

                                </li>
                            </ul>
                        </div>
                        <div class="select-con" style="height: 27px;">
                            <!-- <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label" style="width:90px;">单号:</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="s1"  class="layui-input" search-type="s1" id='s1' placeholder="请输入详细单号">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="display: none">
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <input type="text" name="s3"  class="layui-input" search-type="s3" id="s3">
                                    </div>
                                </div>
                            </div>
                            <div class="select-btn">
                                <div class="layui-bg-green comquery" lay-event="search">查询</div>
                                <div class="layui-bg-green comquery" lay-event="reset">重置</div>
                            </div> -->


                            <div class="input-item">
                                <div class="date-title">单号:</div>
                                <div class="date-select">
                                    <input type="text" class="layui-input" name="s1" search-type="s1" id='s1'
                                        placeholder="请输入详细单号">
                                </div>
                            </div>
                            <div class="layui-form-item" style="display: none">
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <input type="text" name="s3" class="layui-input" search-type="s3" id="s3">
                                    </div>
                                </div>
                            </div>

                            <div class="input-item">
                                <div class="btn search" lay-event="search">查询</div>
                                <div class="btn reset" lay-event="reset">清除</div>
                            </div>
                        </div>
                        <div class="common-padding">
                            <table class="layui-hide" id="testdome" lay-filter="testdome"></table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 底部固定区域 -->
    <div class="layui-footer">
        © layui.com - 底部固定区域
        © layui.com - 底部固定区域
        © layui.com - 底部固定区域
        © layui.com - 底部固定区域
    </div>
    <!-- <div class="tzvertical">安全追溯平台导航</div> -->
</body>


<script>
    // 获取用户信息
    getUser();
    console.log(sessions)

    function getUser(e) {
        handleAjax('user/getUser', {}, "GET").done(function (resp) {
            var names = document.querySelector('.username');
            console.log(resp);
            return
        }).fail(function (err) {
            var names = document.querySelector('.username');
            console.log(err);
            if (err.realName || err.username) {
                names.innerHTML = err.realName + '(' + err.username + ')'
            }
            return
        });
    }
    document.querySelector('.exit').addEventListener('click', function () {
        window.location.href = "./src/login.html";
    })
    getClientHeight();

    function getClientHeight() {
        var clientHeight = 0;
        if (document.body.clientHeight && document.documentElement.clientHeight) {
            var clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
        } else {
            var clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
        }
        console.log(clientHeight, 'clientHeight');
        document.querySelector('.layui-tab-content').style.height = clientHeight + 'px';
        return clientHeight;
    }

    layui.use(['element', "laydate"], function () {
        var $ = layui.jquery,
            laydate = layui.laydate,
            self = this;
        var $ = layui.$;
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        var title = ''
        var id = ''
        var url = '1'

        //监听导航点击
        element.on('nav(header_nav)', function (elem) {
            console.log(elem, 'header_nav');
            console.log(elem[0].dataset.title)
            // title = elem.context.dataset.title;
            title = elem[0].dataset.title
            // id = elem.context.dataset.id;
            id = elem[0].dataset.id
            console.log(id, '121');
            var obj = eval('(' + elem[0].dataset.options + ')');
            console.log(obj.url);
            if (title != '' && title) {
                element.tabDelete('demodemo', id);
                element.tabAdd('demodemo', {
                    title: title,
                    content: '<iframe data-frameid="' + id + '" frameborder="0" name="content" scrolling="true" width="100%" height="100%" src="' + obj.url + '"></iframe>',//支持传入html
                    id: id
                });
                //切换到指定Tab项
                element.tabChange('demodemo', id); //切换到：用户管理
                $("iframe[data-frameid='" + id + "']").attr("src", $("iframe[data-frameid='" + id + "']").attr("src")) //切换后刷新框架
            } else {
                element.tabChange('demodemo', id); //切换到：用户管理
                $("iframe[data-frameid='" + id + "']").attr("src", $("iframe[data-frameid='" + id + "']").attr("src")) //切换后刷新框架
            }

        });


        /*查询的时间*/
        laydate.render({
            elem: '#date1' //指定元素
        });
        laydate.render({
            elem: '#date2' //指定元素
        });

        /*退出登录*/
        $(".exit").click(function () {
            window.location.href = "./src/login.html";
        })


    });


    // layui.use('element', function(){
    //   var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
    // });
</script>
<!-- <script>
    document.querySelector('.tzvertical').addEventListener('click', function() {
        window.location.href = "./src/vertical/twoindex.html";
    })
</script> -->

<script>
    layui.config({
        base: './js/module/'
    }).use(['Services', 'jquery'], function () {
        var $ = layui.jquery;
        var seeType = '';
        var dataType = 'myman';
        var typeItem = document.querySelectorAll('.select-type-item');
        for (var i = 0; i < typeItem.length; i++) {
            (function (i) {
                typeItem[i].addEventListener('click', function () {
                    document.querySelector('.select-type-show').classList.remove('select-type-show');
                    typeItem[i].classList.add('select-type-show');
                    if (i == 0) {
                        seeType = '';
                        document.querySelector('#s3').value = '';
                        getServices();

                    } else {
                        seeType = i;
                        document.querySelector('#s3').value = seeType;
                        getServices();
                    }
                })
            })(i)
        }
        getServices();

        function getServices() {

            var services = new layui.Services({
                baseURL: base,
                tableId: "testdome",
                toolbar: "#toolbarinter",
                serachUrl: "dictionaries/query",
                getUrl: "dictionaries/get",
                delUrl: "dictionaries/delete",
                updUrl: "plant/updateNcpxx",
                saveUrl: "./dialog/manageDialog.html",
                deleteField: "id",
                dataType: dataType,
                parameter: {
                    keyword: document.querySelector('#s1').value + '|' + seeType,
                    type: dataType
                },
                cols: [
                    [{
                        type: 'checkbox',
                        fixed: 'left'
                    }, {
                        field: 's1',
                        sort: true,
                        title: '单号',
                        templet: function (data) {

                            return (JSON.parse(data.context)).s1
                        }
                    }, {
                        field: 's2',
                        sort: true,
                        title: '简称',
                        templet: function (data) {

                            return (JSON.parse(data.context)).s2
                        }
                    }, {
                        field: 's4',
                        sort: true,
                        title: '平台账号',
                        templet: function (data) {

                            return (JSON.parse(data.context)).s4
                        }
                    }, {
                        field: 's2',
                        sort: true,
                        title: '单据信息',
                        templet: function (data) {

                            return (JSON.parse(data.context)).s2
                        }
                    }, {
                        field: 's6',
                        sort: true,
                        title: '时间',
                        templet: function (data) {

                            return (JSON.parse(data.context)).s6
                        }
                    }, {
                        field: 's3',
                        sort: true,
                        title: '状态',
                        templet: function (data) {
                            var ret = ''
                            if ((JSON.parse(data.context)).s3 == 1) {
                                ret = '未查看'
                            } else if ((JSON.parse(data.context)).s3 == 2) {
                                ret = '已查看'

                            } else if ((JSON.parse(data.context)).s3 == 3) {
                                ret = '处理中'

                            } else if ((JSON.parse(data.context)).s3 == 4) {
                                ret = '已处理'

                            }

                            return ret
                        }
                    },]
                ],
            });
        }

    });
</script>

</html>